<template>
  <div>
    <el-table
      :data="shTableData"
      border
      stripe
      style="width: 100%"
      :header-cell-style="{
        background: '#F2F2F2',
        color: '#333',
      }"
      tooltip-effect="dark"
      class="jlTable"
    >
      <el-table-column
        fixed
        label="序号"
        align="center"
        type="index"
        width="50"
      >
      </el-table-column>
      <el-table-column
        fixed
        prop="custName"
        label="客户名称"
        width="100"
        align="center"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        fixed
        prop="custAuditKindName"
        label="审核类型"
        width="100"
        align="center"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="sendAuditByName"
        align="center"
        label="创建人"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="sendAuditByCode"
        align="center"
        label="创建人账号"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="sendAuditByOrgName"
        align="center"
        label="创建人组织"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditorName"
        align="center"
        label="审核人"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditorCode"
        align="center"
        label="审核人账号"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditorOrgName"
        align="center"
        label="审核人组织"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditStatus"
        align="center"
        label="审核结果"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditIdea"
        align="center"
        label="审核意见"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="statusCdName"
        align="center"
        label="审核状态"
        width="100"
        show-overflow-tooltip
      >
      </el-table-column>
      <el-table-column
        prop="auditDate"
        align="center"
        label="审核时间"
        width="150"
        show-overflow-tooltip
      >
      </el-table-column>
    </el-table>
    <el-pagination
      background
      @current-change="pageChange"
      :current-page="parseInt(tablePage.pageIndex)"
      :page-size="parseInt(tablePage.pageSize)"
      layout="total, prev, pager, next, jumper"
      :total="parseInt(tablePage.rowCount)"
      class="m-pagination"
    >
    </el-pagination>
    <div style="height:30px"></div>
  </div>
</template>

<script>
export default {
  props: {
    shTableData: {
      type: Array,
      default: [],
    },
    tablePage:{
      type: Object,
      default: {},
    }
  },
  data() {
    return {
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
    pageChange(val){
      this.$emit('ShChangePage',val)
    }
  },
};
</script>
<style lang='scss' scoped>
.jlTable > ::v-deep .el-table__fixed {
  height: auto !important;
  bottom: 12px !important;
}
.m-pagination {
  text-align: right;
  margin: 10px 30px 0 0;
}
</style>